<template>
  <div class="container">
    <!-- <div class="image_box">
      <el-image :src="headerBg" class="image"></el-image>
    </div> -->
    <div class="title">{{ user.siteName?user.siteName:'精卫安' }}</div>
   
    <!-- <dv-decoration-5 style="width: 800px; height: 40px" class="decora" />" -->
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "",
  components: {},
  data() {
    return {
      headerBg: require("@assets/images/datav/header_bg.png"),
    };
  },
  computed: {
    ...mapState([ "user"]), //系统配置项
  },
  watch: {},
  methods: {
    backBgClick() {
      // this.$router.go(-1);
      this.$router.push('/org/list')
    },
   
  },
  created() {},
  mounted() {}
};
</script>

<style lang='less' scoped>
.fontSize (@px, @attr: font-size) {
  @vw: (@px / 1920) * 100;
  @{attr}: ~"@{vw}vw";
}

.container {
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  .image_box {
    height: 100%;
    .image {
      height: 100%;
    }
  }
  .title {
    position: absolute;
    // text-align: center;
    // padding-left: 2vw;
    // color: #ebf2fa;
    color: #fff;
    .fontSize(34);
    font-weight: 700;
    z-index: 2002;
    letter-spacing: 10px;
  }
  .bg {
    position: absolute;
    right: 21vw;
    bottom: 1vh;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
  }
  .qiehuan{
    position: absolute;
    left: 21vw;
    bottom: 1vh;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
  }
  .decora {
    position: absolute;
    bottom: -20px;
  }
}
</style>